<template>
  <div>
    <p>计算属性: {{ debouleCount }}</p>
    <p>计算属性: {{ debouleCount }}</p>
    <p>计算属性: {{ debouleCount }}</p>
    <hr />
    <p>调用方法: {{ countFn(count) }}</p>
    <p>调用方法: {{ countFn(count) }}</p>
    <p>调用方法: {{ countFn(count) }}</p>
    <button @click="count = 20">改变</button>
  </div>
</template>

<script>
export default {
  data () {
    return {
      count:1
    }
  },
  computed:{
      debouleCount(){
         console.log("debouleCount");
        return this.count*2
      }
  },
  methods: {
    countFn(count){
          console.log("countFn");
          return count*2
    }
  },
};
</script>

<style>
</style>